<template>
  <div class="allPage">
    <el-page-header @back="goBack" :content="pageTitle">
    </el-page-header>
    <el-card class="box-card">
      <div v-for="(item, index) in contentArray" :key="item.title" v-show="item.content">
        <h3 :style="index === 0 ? 'margin-top:0px' : ''">{{ item.title }}</h3>
        <p>{{ item.content }}</p>
      </div>
    </el-card>
  </div>
</template>
<script>
import { mapState } from "vuex";
export default {
  name: 'info',
  data() {
    return {
      contentArray: [],//详情数据的数组
      pageTitle: '页面标题',//页面标题
    }
  },
  computed: {
    ...mapState(['info'])
  },
  created() {
    this.setKey()
  },
  mounted() {
    console.log(this.info)
  },
  methods: {
    //返回列表页
    goBack() {
      this.$router.go(-1)
    },
    //设置字段值
    setKey: function () {
      let activePath = window.sessionStorage.getItem('activePath')
      switch (activePath) {
        case '302': case '304':
          var arr = [
            { 'title': '药名', 'content': '', 'show': false, 'name': '药名', 'originKey': 'infoYm', zlly: [], richText: '' },
            { 'title': '别名', 'content': '', 'show': false, 'name': '别名', 'originKey': 'infoBm', zlly: [] },
            { 'title': '处方', 'content': '', 'show': false, 'name': '处方', 'originKey': 'infoCf', zlly: [], richText: '' },
            { 'title': '处方药名', 'content': '', 'show': false, 'name': '处方药名', 'originKey': 'infoCfjh', zlly: [] },
            { 'title': '组方分析', 'content': '', 'show': false, 'name': '组方分析', 'originKey': 'infoZffx', zlly: [] },
            { 'title': '功能主治', 'content': '', 'show': false, 'name': '功能主治', 'originKey': 'infoGnzz', zlly: [] },
            { 'title': '临床应用', 'content': '', 'show': false, 'name': '临床应用', 'originKey': 'infoLcyy', zlly: [], richText: '' },
            { 'title': '使用禁忌', 'content': '', 'show': false, 'name': '使用禁忌', 'originKey': 'infoSyjj', zlly: [], richText: '' },
            { 'title': '注意事项', 'content': '', 'show': false, 'name': '注意事项', 'originKey': 'infoZysx', zlly: [], richText: '' },
            { 'title': '不良反应', 'content': '', 'show': false, 'name': '不良反应', 'originKey': 'infoBlfy', zlly: [] },
            { 'title': '用法用量', 'content': '', 'show': false, 'name': '用法用量', 'originKey': 'infoYfyl', zlly: [] },
            { 'title': '剂型规格', 'content': '', 'show': false, 'name': '剂型规格', 'originKey': 'infoJxgg', zlly: [] },
            { 'title': '鉴别', 'content': '', 'show': false, 'name': '鉴别', 'originKey': 'infoJb', zlly: [] },
            { 'title': '摘录来源', 'content': '', 'show': false, 'name': '摘录来源', 'originKey': 'infoZlly', zlly: [] },
            { 'title': '现代研究/药理作用', 'content': '', 'show': false, 'name': '现代研究/药理作用', 'originKey': 'infoXdyjylzy', zlly: [] },
            { 'title': '药理毒理', 'content': '', 'show': false, 'name': '药理毒理', 'originKey': 'infoYldl', zlly: [] },
            { 'title': '制备方法', 'content': '', 'show': false, 'name': '制备方法', 'originKey': 'infoZbff', zlly: [] },
            { 'title': '质量标准', 'content': '', 'show': false, 'name': '质量标准', 'originKey': 'infoZlbz', zlly: [] },
            { 'title': '执行标准', 'content': '', 'show': false, 'name': '执行标准', 'originKey': 'infoZxbz', zlly: [] },
            { 'title': '其他制剂', 'content': '', 'show': false, 'name': '其他制剂', 'originKey': 'infoQtzj', zlly: [] },
            { 'title': '方歌', 'content': '', 'show': false, 'name': '方歌', 'originKey': 'infoFg', zlly: [] },
            { 'title': '贮藏', 'content': '', 'show': false, 'name': '贮藏', 'originKey': 'infoZc', zlly: [] },
            { 'title': '辅料', 'content': '', 'show': false, 'name': '辅料', 'originKey': 'infoFl', zlly: [] },
            { 'title': '链接', 'content': '', 'show': false, 'name': '链接', 'originKey': 'infoLj', zlly: [] },
            { 'title': '性状', 'content': '', 'show': false, 'name': '性状', 'originKey': 'infoXz', zlly: [] },
            { 'title': '各家论述', 'content': '', 'show': false, 'name': '各家论述', 'originKey': 'infoGjls', zlly: [] },
          ]
          break;
        case '303':
          var arr = [
            { 'title': '药名', 'content': '', 'show': false, 'name': '药名', 'originKey': 'infoYm', zlly: [], richText: '' },
            { 'title': '别名', 'content': '', 'show': false, 'name': '别名', 'originKey': 'infoBm', zlly: [] },
            { 'title': '英文名', 'content': '', 'show': false, 'name': '英文名', 'originKey': 'infoYwm', zlly: [] },
            { 'title': '功能主治', 'content': '', 'show': false, 'name': '功能主治', 'originKey': 'infoGnzz', zlly: [], richText: '' },
            { 'title': '归经', 'content': '', 'show': false, 'name': '归经', 'originKey': 'infoGj', zlly: [], richText: '' },
            { 'title': '性味', 'content': '', 'show': false, 'name': '性味', 'originKey': 'infoXw', zlly: [] },
            { 'title': '出处', 'content': '', 'show': false, 'name': '出处', 'originKey': 'infoCc', zlly: [] },
            { 'title': '临床应用', 'content': '', 'show': false, 'name': '临床应用', 'originKey': 'infoLcyy', zlly: [] },
            { 'title': '用法用量', 'content': '', 'show': false, 'name': '用法用量', 'originKey': 'infoYfyl', zlly: [] },
            { 'title': '注意事项', 'content': '', 'show': false, 'name': '注意事项', 'originKey': 'infoZysx', zlly: [], richText: '' },
            { 'title': '毒性', 'content': '', 'show': false, 'name': '毒性', 'originKey': 'infoDx', zlly: [] },
            { 'title': '制剂', 'content': '', 'show': false, 'name': '制剂', 'originKey': 'infoZj', zlly: [] },
            { 'title': '附方', 'content': '', 'show': false, 'name': '附方', 'originKey': 'infoFf', zlly: [] },
            { 'title': '各家论述', 'content': '', 'show': false, 'name': '各家论述', 'originKey': 'infoGjls', zlly: [] },
            { 'title': '摘录', 'content': '', 'show': false, 'name': '摘录', 'originKey': 'infoZl', zlly: [] },
            { 'title': '来源', 'content': '', 'show': false, 'name': '来源', 'originKey': 'infoLy', zlly: [] },
            { 'title': '原形态', 'content': '', 'show': false, 'name': '原形态', 'originKey': 'infoYxt', zlly: [] },
            { 'title': '性状', 'content': '', 'show': false, 'name': '性状', 'originKey': 'infoXz', zlly: [] },
            { 'title': '检查', 'content': '', 'show': false, 'name': '检查', 'originKey': 'infoJc', zlly: [] },
            { 'title': '拼音', 'content': '', 'show': false, 'name': '拼音', 'originKey': 'infoPy', zlly: [] },
            { 'title': '生境分布', 'content': '', 'show': false, 'name': '生境分布', 'originKey': 'infoSjfb', zlly: [] },
            { 'title': '鉴别', 'content': '', 'show': false, 'name': '鉴别', 'originKey': 'infoJb', zlly: [] },
            { 'title': '栽培', 'content': '', 'show': false, 'name': '栽培', 'originKey': 'infoZp', zlly: [] },
            { 'title': '炮制', 'content': '', 'show': false, 'name': '炮制', 'originKey': 'infoPz', zlly: [] },
            { 'title': '化学成分', 'content': '', 'show': false, 'name': '化学成分', 'originKey': 'infoHxcf', zlly: [] },
            { 'title': '药理作用', 'content': '', 'show': false, 'name': '药理作用', 'originKey': 'infoYlzy', zlly: [] },
            { 'title': '贮藏', 'content': '', 'show': false, 'name': '贮藏', 'originKey': 'infoZc', zlly: [] },
            { 'title': '备注', 'content': '', 'show': false, 'name': '备注', 'originKey': 'infoBz', zlly: [] }
          ]
          break
        default: []
          break;
      }
      let infoData = this.$qs.parse(window.sessionStorage.getItem('infoData'))
      arr.forEach(item => {
        for (const key in infoData) {
          if (key == 'info_name' || key == 'infoYm') {
            this.pageTitle = infoData[key]
          }
          if (item.originKey == key) {
            item.content = infoData[key]
            break
          }
        }
      });
      this.contentArray = arr
    },
  }
}
</script>
<style lang="less" scoped>
.allPage {
  padding: 10px;
  padding-top: 0px;
}

.el-page-header {
  top: 0px;
  width: 100%;
  z-index: 999;
  padding: 10px;
  position: sticky;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.el-card {
  text-align: left;
  margin-top: 10px;
}
</style>